{% extends "/layouts/layouts.twig" %}

{% block content %}
    {# ppt strat #}
    <div class="three">
        <div class="three-main">
            <div class="left">
                <div class="row">
                    <div class="left">
                        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist"
                             aria-orientation="vertical">
                            {% for i in all %}
                                {% if loop.first %}
                                    <a class="nav-link active" id="{{ i.id }}-tab" data-toggle="pill"
                                       href="#{{ i.id }}" role="tab" aria-selected="true" aria-controls="{{ i.id }}">
                                        <i class="{{ i.i }} lefti"></i>
                                        {{ i.name }}
                                        <i class="{{ i.k }} righti"></i>
                                    </a>
                                {% else %}
                                    <a class="nav-link " id="{{ i.id }}-tab" data-toggle="pill"
                                       href="#{{ i.id }}" role="tab" aria-selected="false" aria-controls="{{ i.id }}">
                                        <i class="{{ i.i }} lefti"></i>
                                        {{ i.name }}
                                        <i class="{{ i.k }} righti"></i>
                                    </a>
                                {% endif %}

                            {% endfor %}
                        </div>
                    </div>

                    <div class="right">
                        <div class="tab-content" id="v-pills-tabContent">
                            {% for i in all %}
                                {% if loop.first %}
                                    <div class="tab-pane fade show active" id="{{ i.id }}" role="tabpanel"
                                         aria-labelledby="{{ i.id }}-tab">
                                        {% for e in i.cate %}
                                            <a>
                                                <p>{{ e.neirong }}</p>
                                            </a>
                                        {% endfor %}
                                    </div>
                                {% else %}
                                    <div class="tab-pane fade " id="{{ i.id }}" role="tabpanel"
                                         aria-labelledby="{{ i.id }}-tab">
                                        {% for e in i.cate %}
                                            <a>
                                                <p>{{ e.neirong }}</p>
                                            </a>
                                        {% endfor %}
                                    </div>
                                {% endif %}
                            {% endfor %}
                        </div>
                    </div>

                </div>
            </div>


            <div class="middle">
                <div class="middle-top">
                    <div id="demo" class="carousel slide" data-ride="carousel">

                        <!-- 指示符 -->
                        <ul class="carousel-indicators">
                            <li data-target="#demo" data-slide-to="0" class="active"></li>
                            <li data-target="#demo" data-slide-to="1"></li>
                            <li data-target="#demo" data-slide-to="2"></li>
                        </ul>

                        <!-- 轮播图片 -->
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="\assets\img\player1.jpg">
                            </div>
                            <div class="carousel-item">
                                <img src="\assets\img\player2.jpg">
                            </div>

                        </div>

                        <!-- 左右切换按钮 -->
                        <a class="carousel-control-prev" href="#demo" data-slide="prev">
                            <span class="carousel-control-prev-icon"></span>
                        </a>
                        <a class="carousel-control-next" href="#demo" data-slide="next">
                            <span class="carousel-control-next-icon"></span>
                        </a>

                    </div>
                </div>
                <div class="middle-bottom">
                    <ul>
                        {% for i in iamge %}
                            <li class="image">
                                <img src="\assets\img\{{ i }}">
                            </li>
                        {% endfor %}
                    </ul>
                </div>

            </div>
            <div class="right">
                <div class="right-top">
                    <div class="photo">
                        <div class="photoimg">
                            <img src="\assets\img\photo.jpg">
                        </div>
                        <div class="txt">
                            <strong><a href="javascript:">hi,请登录</a></strong>
                            <a href="javascript:" id="left">注册</a>
                            <p>
                                {% for i in pp %}
                                    <a class="blue" href="javascript:">{{ i }}</a> {% endfor %}
                            </p>
                        </div>
                    </div>
                    <div class="hover">
                        {% for i in hover %}
                            <ul class="hoverli">
                                <li>
                                    {{ i }}
                                </li>
                            </ul>
                        {% endfor %}
                    </div>

                    <!-- <div class="hoverdiv">
                        <ul class="text">
                            <li>
                                <p class="tleft">手机短信签名正确格式的说明</p>
                                <p class="tright"> 03-29</p>
                                <p class="tleft">地板行业十大'发展趋势程 </p>
                                <p class="tright"> 03-29</p>
                                <p class="tleft">地板行业十大发展趋势程 </p>
                                <p class="tright"> 03-29</p>
                            </li>
                        </ul>
                    </div> -->

                    <div class="hoverdiv">
                        <ul class="image">
                            {% for i in hoverimg %}
                                <li>
                                    <div class="hoverimg">
                                        {{ i }}
                                    </div>

                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                    <div class="righttopbottom">
                        <ul>
                            {% for a in righttopbottom %}
                                <li class="tp">
                                    <i class="{{ a.i }}"></i>
                                    <p class="tptext">{{ a.j }}</p>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
                <div class="right-bottom">
                    <div class="top">
                        <ul>
                            {% for i in qiye %}
                                <li>
                                    {{ i }}
                                </li>
                            {% endfor %}
                        </ul>
                    </div>

                    <div class="bottom">
                        <ul>
                            {% for d in rightbottomtext %}
                                <li>
                                    <p class="bottomleft">{{ d.i }}</p>
                                    <p class="bottomright">{{ d.j }}</p>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
    {# ppt end #}
    {#    行业市场 strat#}
    <div class="four">
        <div class="four-main">
            <div class="top">
                <strong><p class="topleft">行业市场</p></strong>
                <ul>
                    {% for i in hangyeshichang %}
                        <li class="topright">
                            {{ i }} |
                        </li>
                    {% endfor %}
                </ul>
            </div>
            {% for i in list11 %}
                <div class="first">
                    <div class="firstleft">
                        <p class="firsttitle">{{ i.title }}</p>
                        <div class="fleft">
                            <ul>
                                {% for e in i.cate %}
                                    <li>
                                        {{ e.name }}
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                        <div class="fright">
                            <ul>
                                {% for j in i.cate1 %}
                                    <li>
                                        {{ j.name1 }}
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                    <div class="firstright">
                        <ul>
                            {% for s in i.shangping %}
                                <li class="rightimage">
                                    <img src="\assets\img\{{ s.image }}" class="image">
                                    <strong><p class="money">{{ s.money }}</p></strong>
                                    <p class="jieshao">{{ s.text }}</p>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
    {#    行业市场 end#}
    {#    咨询中心 strat#}
    <div class="five">
        <div class="five-main">
            <div class="top">
                <strong><p class="topleft">资讯中心</p></strong>
                <ul>
                    {% for i in hangyeshichang %}
                        <li class="topright">
                            {{ i }} |
                        </li>
                    {% endfor %}
                </ul>
            </div>
            <div class="fiveleft">
                <p class="fivetop">[专题] 2010消费者权益保护日</p>
                <img src="\assets\img\p.jpg">
            </div>
            <div class="fivemiddle">
                <ul>
                    {% for i in zixun %}
                        <li>
                            <p class="zixunleft">{{ i.xinxi }}</p>
                            <p class="zixunright">{{ i.data }}</p>
                        </li>
                    {% endfor %}
                </ul>
            </div>
            <div class="fiveright">
                <div class="fiverighthead">
                    <strong class="shiping"><a href="javascript:">视频</a></strong>
                    <p class="more">更多<i class="fa fa-angle-right"></i></p>
                </div>
                {% for i in list1 %}
                    <div class="fiveimage">
                        <ul>
                            <li>
                                <img class="fiveimageimg" src="\assets\img\{{ i.image }}">
                                <p class="fiveimagetext">{{ i.xinxi }}</p>
                            </li>
                        </ul>
                    </div>
                {% endfor %}
                <div class="fiverighthead">
                    <strong class="shiping"><a href="javascript:">图库</a></strong>
                    <p class="more">更多<i class="fa fa-angle-right"></i></p>
                </div>
                {% for i in list2 %}
                    <div class="fiveimage">
                        <ul>
                            <li>
                                <img class="fiveimageimg" src="\assets\img\{{ i.image }}">
                                <p class="fiveimagetext">{{ i.xinxi }}</p>
                            </li>
                        </ul>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
    {#    咨询中心 end#}
    {#    企业服务 strat#}
    <div class="qiyefuwu">
        <div class="head">
            <strong><p class="headleft">企业服务</p></strong>
            <ul>
                {% for i in hangyeshichang %}
                    <li class="headright">
                        {{ i }} |
                    </li>
                {% endfor %}
            </ul>
        </div>
        <div class="pingpailunbo">

        </div>
        <div class="qiyefuwumiddle">
            {% for i in list3 %}
                <div class="zhanhui">
                    <div class="title">
                        <strong><p class="zhanhuititle">{{ i.title }}</p></strong>
                        <p class="more">{{ i.more }}</p>
                    </div>
                    <div>
                        <ul>
                            <li class="neirong">
                                <p class="neirongleft">{{ i.neirong }}</p>
                                <p class="neirongright">{{ i.position }}</p>
                            </li>
                            <li class="neirong">
                                <p class="neirongleft">{{ i.neirong2 }}</p>
                                <p class="neirongright">{{ i.position2 }}</p>
                            </li>
                            <li class="neirong">
                                <p class="neirongleft">{{ i.neirong3 }}</p>
                                <p class="neirongright">{{ i.position3 }}</p>
                            </li>
                        </ul>
                    </div>
                </div>
            {% endfor %}
        </div>
        <div class="qiyefuwuright">
            <div class="title">
                <strong><p class="zhidaotitle">知道</p></strong>
                <p class="more">更多</p>
            </div>
            <div class="neirongbottom">
                {% for i in list4 %}
                    <ul>
                        <li class="neirong2">
                            <p class="neirongleft">{{ i.neirong }}</p>
                            <p class="neirongright">{{ i.position }}</p>
                        </li>
                    </ul>
                {% endfor %}
            </div>
            <div class="title">
                <strong><p class="zhidaotitle">下载</p></strong>
                <p class="more">更多</p>
            </div>
            <div>
                {% for i in list5 %}
                    <ul>
                        <li class="xiazai">
                            <img class="xiazaiimage" src="\assets\img\{{ i.image }}">
                            <p class="neirong">{{ i.neirong }}</p>
                        </li>
                    </ul>
                {% endfor %}
            </div>
        </div>
    </div>
    {#    企业服务 strat#}
    <div class="shangquan">
        <div class="shangquantop">
            <div class="title">
                <strong><p class="shangquantitleleft">商圈</p></strong>
                <ul>
                    {% for i in list6 %}
                        <li class="shangquantitleright">
                            {{ i }} |
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
        <div class="shangquanbottom">
            {% for i in shangquan %}
                <div class="shangquanli">
                    <ul>
                        <li>
                            <img class="sqimage" src="\assets\img\{{ i.iamge }}">
                            <p class="sqbottomtitle">{{ i.title }}</p>
                            <div class="fensi">
                                <p class="sqbottomzhuti">
                                    {{ i.zhuti }}
                                </p>
                                <p class="sqbottomfensi">
                                    {{ i.fensi }}
                                </p>
                            </div>
                    </ul>
                </div>
            {% endfor %}
        </div>
    </div>
    {#    企业服务 end#}
    {#   内容 end#}
{% endblock %}